* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img{
    border: 0;
}

body{
    background-color: #cccccc;
}

.container {
    width: 980px;
    margin: 0 auto;
    background-color: #ffffff;
    overflow: hidden;
}

.top {
    width: 892px;
    margin: 0 auto;
    border-bottom: 2px solid #938e8c;
    overflow: hidden;
    position: relative;
}

.top-left {
    width: 110px;
    height: 61px;
    background-color: #d45d5c;
    float: left;
    position: relative;
}

.top-left span {
    font: 12px '黑体';
    color: #ffffff;
    position: absolute;
    left: 7px;
    bottom: 6px;
}

.top-time {
    font: 12px '黑体';
    color: #d45d5c;
    position: absolute;
    right: 0;
    bottom: 6px;
}

.main {
    width: 892px;
    overflow: hidden;
    margin: 35px auto;
    padding-bottom: 42px;
    border-bottom: 1px solid #938e8c;
}

.top-box {
    overflow: hidden;
}

.article-left {
    width: 641px;
    float: left;
    overflow: hidden;
}

.article-left-top{
    position: relative;
}

.cover {
    width: 191px;
    height: 301px;
    opacity: 0.2;
    position: absolute;
    top: 0;
}

.cover-l {
    background-color: green;
    left: 0;
}

.cover-r {
    background-color: red;
    right: 0;
}

.article-list {
    /*height: 180px;*/
    margin-top: 35px;
    overflow: hidden;
}

.list-title {
    font: bold 16px '微软雅黑';
    text-decoration: underline;
    margin-bottom: 10px;
}

.list-detail {
    font:12px '宋体';
    color: #767777;
    line-height: 16px;
}

.list1 {
    width: 230px;
    float: left;
    margin-right: 28px;
}

.list1-title{
    color: #418c59;
}

.list2 {
    width: 210px;
    float: left;
    margin-right: 28px;
}

.list2-title {
    color: #d2994f;
}

.list3 {
    width: 144px;
    float: left;
}

.list3-title {
    color: #cc7680;
}

.list3-detail {
    line-height: 20px;

}

.num {
    margin-top: 10px;
}

.num i{
    font: 12px '微软雅黑';
    color: #cd4a48;
    opacity: 0.7;
}

.article-right {
    float: right;
    width: 203px;
    border-top: 2px solid #cc8091;
}

.about {
    font: 24px '微软雅黑';
    color: #000;
    text-decoration: underline;
    font-variant: small-caps;
    text-transform: capitalize;
    line-height: 33px;
}

.article-right .i1 {
    font: italic 12px '楷体';
    color: #676767;
    line-height: 10px;
}

.seven {
    font: oblique 116px '微软雅黑';
    color: #75b86b;
    margin-left: -18px;
}

.cc-yh {
    font-family: '微软雅黑';
    color: #cc8091;
}

.three-box span {
    font-size: 55px;
    float: left;
}

.css-box {
    float: left;
    margin-top: 20px;
}

.css1 {
    font-size: 21px;
}

.css2 {
    font-size: 12px;
}

.bottom-box {
    overflow: hidden;
    margin-top: 60px;
}

.bottom-left {
    width: 415px;
    overflow: hidden;
    float: left;
}

.bottom-left-title {
    font: bold 42px '黑体';
    color: #11456b;
    line-height: 45px;
    font-variant:small-caps;
    border-bottom: 2px solid #11456b;
    padding-bottom: 7px;
}

.bottom-left-title .the {
    font-size: 72px;
    color: #f5e327;
    font-style: oblique;
    margin-right: 25px;
}

.bottom-left-subtitle {
    font: bold 33px '黑体';
    color: #11456b;
}

.bottom-left-content {
    font: 13px '宋体';
    color: #767777;
    line-height: 15px;
    /*word-spacing: 2px;*/
    text-indent: 2em;
    padding-top: 10px;
}

.bottom-left-content:first-letter {
    font: 70px '微软雅黑';
    color: #f5e327;
    float: left;
    line-height: 70px;;
}

.bottom-left-content img {
    float: right;
    padding: 16px 0 16px 15px;
}

.bottom-right {
    width: 458px;
    float: right;
    overflow: hidden;
    position: relative;
}

.bottom-right-img {
    position: relative;
    margin-bottom: 30px;
}

.bottom-right .span1 {
    font: 26px '微软雅黑';
    color: #ffffff;
    position: absolute;
    left: 55px;
    bottom: 16px;
}

.bottom-right .span2 {
    font: oblique 12px '微软雅黑';
    color: #72b16a;
    word-spacing:1.4em;
    position: absolute;
    left: 165px;
    bottom: 16px;
}

.bottom-right-last {
    width: 459px;
    height: 318px;
    background-color: #eeedd6;
}

.font-list {
    font: 16px '宋体';
    color: #5a5b5b;
    float: left;
    line-height: 30px;

    padding: 30px;
    list-style-image: url("images/4.jpg");
}

.font-list span {
    float: right;
}

.left-bottom-box {
    width: 260px;;
    height: 160px;
    background-color: #d45d5c;
    position: absolute;
    left:0;
    bottom:0;
}

.left-bottom-box .zero {
    font: 110px '微软雅黑';
    color: #ffffff;
    float: left;
    line-height: 86px;
    height: 86px;
    border-right: 2px solid #ffffff;
    margin: 37px 10px;
}

.nums {
    font: oblique 21px/24px '黑体';
    color: #ffffff;
    margin-top: 40px;
    padding-left: 5px;
}

.text {
    font: 12px/16px '黑体';
    color: #ffffff;
}

.right-bottom-text {
    width: 168px;
    float: right;
    font: oblique 14px/18px '黑体';
    color: #5a5b5b;
    margin-right: 22px;
    overflow: hidden;
    position: relative;
}

.right-bottom-text .i1 {
    float: left;
    background: url(images/5.jpg) ;
    width: 26px;
    height: 20px;
    margin-right: 20px;;
}

.right-bottom-text .i2 {
    float: right;
    width: 25px;
    height: 22px;
}





